<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>(a)SlideShow jQuery Plugin - Demo - Use Links</title>
    <link href="../js/jquery.aslideshow/shadow/styles.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="../style.css" media="screen" rel="stylesheet" type="text/css" />	
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/jquery.aslideshow.pack.js"></script>

    <script type="text/javascript" src="http://scripts.hohli.com/brush/shCore.js"></script>
	<script type="text/javascript" src="http://scripts.hohli.com/brush/shBrushJScript.js"></script>
	<script type="text/javascript" src="http://scripts.hohli.com/brush/shBrushXml.js"></script>
	<link type="text/css" rel="stylesheet" href="http://scripts.hohli.com/brush/styles/shCore.css"/>
	<link type="text/css" rel="stylesheet" href="http://scripts.hohli.com/brush/styles/shThemeDefault.css"/>
	<script type="text/javascript">
		SyntaxHighlighter.config.clipboardSwf = 'http://scripts.hohli.com/brush/clipboard.swf';
		SyntaxHighlighter.all();
	</script>
</head>

<body>

<h2>Use Links</h2>
<div>
<hr>
    <div id="CustomSlideshow">
        <a href="img/image_0.jpg" title="Camomile" name="http://hohli.com">Slide no.1</a>
        <a href="img/image_1.jpg" title="Bumblebees" name="http://jquery.hohli.com">Slide no.2</a>
        <a href="img/image_2.jpg" title="Wood Toothpicks">Slide no.3</a>
        <img src="img/image_0.jpg" alt="Camomile" name="http://jquery.com"/>
        <img src="img/image_1.jpg" alt="Bumblebees" name="http://google.com"/>
        <img src="img/image_2.jpg" alt="Wood Toothpicks"/>
    </div>
</div>
<h2>Source</h2>
<div>
    <b>HTML</b>:
    <pre class="brush:xml;">
&lt;div id=&quot;CustomSlideshow&quot;&gt;
    &lt;a href=&quot;img/image_0.jpg&quot; title=&quot;Camomile&quot; name=&quot;http://hohli.com&quot;&gt;Slide no.1&lt;/a&gt;
    &lt;a href=&quot;img/image_1.jpg&quot; title=&quot;Bumblebees&quot; name=&quot;http://jquery.hohli.com&quot;&gt;Slide no.2&lt;/a&gt;
    &lt;a href=&quot;img/image_2.jpg&quot; title=&quot;Wood Toothpicks&quot;&gt;Slide no.3&lt;/a&gt;
    &lt;img src=&quot;img/image_0.jpg&quot; alt=&quot;Camomile&quot; name=&quot;http://jquery.com&quot;/&gt;
    &lt;img src=&quot;img/image_1.jpg&quot; alt=&quot;Bumblebees&quot; name=&quot;http://google.com&quot;/&gt;
    &lt;img src=&quot;img/image_2.jpg&quot; alt=&quot;Wood Toothpicks&quot;/&gt;
&lt;/div&gt;
    </pre>
    <b>JavaScript</b>:
    <pre class="brush: jscript">
&lt;script type=&quot;text/javascript&quot;&gt;
//&lt;![CDATA[
$(document).ready(function(){
    $('#CustomSlideshow').slideshow({
        playframe:false,
        play:true,
        titleshow:true,
        imgajax:true,  // by default
        imglink:true   // by default
    });
});
//]]&gt;
&lt;/script&gt;
    </pre>
</div>

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
    $('#CustomSlideshow').slideshow({
        playframe:false,
        play:true,
        titleshow:true,
        imgajax:true,  // by default
        imglink:true   // by default
    });
});
//]]>
</script>
</body>
</html>